<div class="l-card item-background" [v-loading]="isLoading">
  <div class="l-card-header">
    {{componentData.title}}
    <i class="layui-icon layui-icon-set l-card-icon" (click)="openClick()"></i>
  </div>
  <div class="l-card-body">
    <div class="home_module">
      <div class="module-tap">
        <div class="homeTap" (click)="homeTap(3)" [ngClass]="{'active':homeTapValue == '3'}"><span>年安装量</span></div>
        <div class="homeTap" (click)="homeTap(1)" [ngClass]="{'active':homeTapValue == '1'}"><span>月安装量</span></div>
        <div class="homeTap" (click)="homeTap(2)" [ngClass]="{'active':homeTapValue == '2'}"><span>日安装量</span></div>
        <div class="homeTap" (click)="homeTap(4)" [ngClass]="{'active':homeTapValue == '4'}"><span>总量(日)</span></div>
        <div class="homeTap" (click)="homeTap(5)" [ngClass]="{'active':homeTapValue == '5'}"><span>按月汇总</span></div>
        <div class="homeTap" (click)="homeTap(6)" [ngClass]="{'active':homeTapValue == '6'}"><span>按天汇总</span></div>
      </div>
      <div class="home-Jump" *ngIf="homeTapValue != 5 && homeTapValue != 6">
        <div
          class="jump-previous"
          *ngIf="homeTapValue == 1 || homeTapValue == 3"
          [ngClass]="{'jump-disabled': isPrevious}"
          (click)="jumpPage(1)"
        >
          <i class="fa fa-angle-left"></i>
        </div>
        <div class="jump-selectYear">
          <select class="selectYear" [(ngModel)]="selectYear" (change)="chooseYear($event.target.value)">
            <option [value]="item" *ngFor="let item of selectYearList">{{item}}年</option>
          </select>
        </div>
        <div
          class="jump-previous"
          *ngIf="homeTapValue == 2 || homeTapValue == 4"
          [ngClass]="{'jump-disabled': isPrevious}"
          (click)="jumpPage(1)"
        >
          <i class="fa fa-angle-left"></i>
        </div>
        <div class="jump-selectMonth" *ngIf="homeTapValue == 2 || homeTapValue == 4">
          <select class="selectMonth" [(ngModel)]="selectMonth" (change)="chooseMonth($event.target.value)">
            <option [value]="item" *ngFor="let item of selectMonthList">{{item}}月</option>
          </select>
        </div>
        <div class="jump-next" [ngClass]="{'jump-disabled': isNext}" (click)="jumpPage(2)">
          <i class="fa fa-angle-right"></i>
        </div>
        <div class="jump-date">
          <span class="toyear" *ngIf="homeTapValue == 1 || homeTapValue == 3" (click)="jumpBackYear()">今年</span>
          <span class="today" *ngIf="homeTapValue == 2 || homeTapValue == 4" (click)="jumpBackMonth()">今日</span>
        </div>
      </div>
      <div class="home-main-echart" [ngClass]="{'calendar': homeTapValue == 5 || homeTapValue == 6}">
        <div id="histogramCharts" *ngIf="homeTapValue != 5 && homeTapValue != 6" style="height: 423px"></div>
        <calendar-widget
          *ngIf="homeTapValue == 5 || homeTapValue == 6"
          [homeTapValue]="homeTapValue"
          [companyIds]="companyIds"
          (showLoading)="showLoading($event)"
        ></calendar-widget>
      </div>
    </div>
  </div>
</div>
<sa-common-item-modal
  [isShowModal]="isShowModal"
  [componentCode]="'installStatistics'"
  [companyIds]="companyIds"
  (closeDialog)="closeDialog($event)"
></sa-common-item-modal>
